<template>
  <van-search v-model="value" shape="round" background="#f66" :placeholder="lastSearch" show-action> 
    <template #left>
      <div>北京</div>
    </template>
    <template #label>
      <div class="label">
        <van-icon name="/imgs/logo.png" size="30"></van-icon> <span class="space">&nbsp;|&nbsp;</span>
      </div>
    </template>
    <template #action>
      <div class="loginCls">登录</div>
    </template>
  </van-search>
</template>
<script>
export default {
  data() {
    return {
      value: '',
      lastSearch: "立柜式空调",
    }
  }


}
</script>

<style scoped>

/* :deep(.van-search__content){
  border: 3px solid black;
} */
.label{
  display: flex;
  width: 40px;
  height: 36px;
  align-items: center;
}

.space{
  font-size: 24px;
  color: rgb(137, 137, 137);
  font-weight: bold;
  margin-top:-4px ;
}
.loginCls {
  color: white;
}
</style>